.album-swiper-wrapper{
    position: fixed;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
} 
.album-swiper-wrapper .album-swiper{
    max-width: 640px;
    min-width: 300px;
    margin:0 auto;
    height: 100%;
    background-color:#f5f5f5; 
    position: relative; 
}
.album-swiper-wrapper .album-swiper  li .swiper-slide-box{
    margin-left:23px;
    width:calc(100% - 46px);
    height:71%;
    border-radius:10px;
    margin-top:15px;
    background:white;
    overflow:hidden;
}
.album-swiper-wrapper .album-swiper  li .swiper-slide-box .album-cover-wrapper{
	height:44%;
	overflow: hidden;
	position:relative;
}
.album-swiper-wrapper  .album-cover-wrapper .album-cover{
    width: 100%;
}
.album-swiper-wrapper  .album-cover-wrapper .album-msg{
	position:absolute;
	left:15px;
	bottom:15px;
	display:flex;
	align-items:center;
}
.album-swiper-wrapper  .album-cover-wrapper .album-msg img{
  width:40px;
  height:40px;
  border-radius:50%;
  margin-right:15px;
}
.album-swiper-wrapper  .album-cover-wrapper .album-msg .album-title{
  font-size:20px;
  color:#fff;
}
.album-swiper-wrapper  .album-cover-wrapper .photo-num{
	position:absolute;
	top:15px;
	right:15px;
	font-size:14px;
	color:#fff;
	line-height:18px;
	padding:0 10px;
	border-radius:4px;
	background-color:rgba(0,0,0,0.7);	
}
.fav-or-comment-area{
  height:calc(56% - 20px);
  box-sizing: border-box;
  margin-top:20px;
  overflow:scroll;
  // background-color:#fff;
}
.fav-or-comment-area .area-item-title{
  padding-left: 15px;
  font-size:20px;
  height:28px;
  line-height:28px;
  position:relative;
  color:#999;
}
.fav-or-comment-area .area-item-title span{
  position:absolute;
  left:65px;
  top:5px;
  padding:0 8px;
  line-height:16px;
  background-color:#ff906a;
  border-radius:8px;
  font-size:14px;
  color:#fff;
}
.fav-or-comment-area .area-item-title::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:5px;
  height:28px;
  background-color:#ff906a;
}
.fav-or-comment-area .fav-user{
   position:relative;
   height:32px;
   padding:10px;
}
.fav-or-comment-area .fav-user img{
  position:absolute;
  left:10px;
  top:10px;
  width:32px;
  height:32px;
  border-radius:50%;
}

.fav-or-comment-area .comment-list{
  padding:10px; 
  min-height:32px;
}
.fav-or-comment-area .comment-list .comment-item{
  display:flex;
  padding-bottom:10px;
} 
.fav-or-comment-area .comment-list .comment-item .comment-user-img{
  width:30px;
  height:30px;
  border-radius:50%;
  margin-right: 10px;
} 
.fav-or-comment-area .comment-list .comment-item>div{
  flex:1;
} 
.fav-or-comment-area .comment-list .comment-msg{
  height:28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#666;
} 
.fav-or-comment-area .comment-list .comment-msg .user-name{
  font-size:18px;
} 
.fav-or-comment-area .comment-list .comment-msg .comment-time{
  font-size:14px;
} 
.fav-or-comment-area .comment-list .comment-content{
  font-size:16px;
  line-height:1.5;
} 
.album-swiper-wrapper .album-swiper .float-block{
   position: fixed;
   bottom: 75px;
   left: 50%;
   transform:translateX(-50%);
   display:flex;
   z-index: 2;
}
.album-swiper-wrapper .album-swiper .float-btn{
   width:50px;
   height:50px;
   border:7px solid #e6e6e6;
   background-color:#fff;
   border-radius:50%;
   line-height:50px;
   text-align: center;
}
.album-swiper-wrapper .album-swiper .float-btn2{
	margin-left: 50px;
}
.album-swiper-wrapper .album-swiper .float-btn1 .iconfont{
  font-size:30px;
  color:#ff906a;
}
.album-swiper-wrapper .album-swiper .float-btn2 .iconfont{
  font-size:30px;
  color:#999;
}